// 地区模糊查询
import React from 'react';
import { Select } from 'antd';

const { Option } = Select;

class ServiceArea extends React.Component {
  state = {};

  render() {
    const { data = [] } = this.props;
    return (
      <Select
        {...this.props}
        placeholder="请选择服务地区"
        mode="multiple"
        labelInValue
        filterOption={false}
        style={{ width: '100%' }}
        loading={false}
      >
        {data.map(item => (
          <Option key={item.areaId}>{item.areaName}</Option>
        ))}
      </Select>
    );
  }
}
export default ServiceArea;
